<template>
  <div>
    <div v-transfer-dom>
      <popup v-model="showNotice" height="100%">
        <div class="showNotice-popup">
          <h3>报警成功</h3>
        </div>
        <div class="btn-box" style="margin-top: 30px;">
          <x-button type="primary" @click="goBack">返回</x-button>
        </div>
      </popup>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import {TransferDom, Popup, XButton, Group, Selector, XInput, XTextarea} from 'vux'
  export default {
    methods: {
      goBack(){
        this.$router.push('/');
      }
    }
  }
</script>

<style lang="less" scoped>

  .showNotice-popup {
    width: 100%;
    padding: 20px;
  }
  h3 {
    font-size: 18px;
    padding: 5px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 15px;
  }

  p {
    line-height: 24px;
    margin-bottom: 5px;
  }
</style>
